.scroll-tabs-wrapper {
  padding: 5px 10px;
  white-space: nowrap;
  overflow-x: auto;
  .tabs-item {
    position: relative;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    background-color: #ffffff;
    border-radius: 3px;
    border: 1px solid #eeeeee;
    padding: 0 25px;
    margin-right: 10px;
    font-size: 14px;
    .close {
      transition: opacity .3s linear;
      opacity: 0;
      position: absolute;
      right: 5px;
      box-sizing: border-box;
      margin-left: 10px;
    }
  }

  .active {
    background: #1890ff;
    color: #ffffff;
  }

  .tabs-item:hover {
    .close {
      opacity: 1;
    }
  }
}

.tab-menus-wrapper {
  position: absolute;
  left: 200px;
  top: 200px;
  z-index: 3001;
}

@keyframes rubberBand{
  0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
  30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}
  40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}
  50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}
  65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
  75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
  100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}

.rubberBand-enter-active {
  animation: rubberBand 2s ease 0s 1 both;
}